$(function () {
    
    var data = {
        "student": [{
                "name": "张三",
                "age": 18,
                "sex": "男",
                "key": "title",
            },
            {
                "sex": "男",
                "age": 22
            },
            {
                "name": "李四",
                "sex": "男",
                "age": 18,
                "key": 'title',
            }
        ]

    };
    
    console.log(Handlebars)
    var myTemplate = Handlebars.compile($("#table-template").html());
    console.log(myTemplate(data))
    var defaults = 'zh-CN';

    i18n.init({
        fallbackLng: 'zh-CN', //初始化语言
        debug: true,//是否开启调试模式
        resGetPath: 'locales/__lng__/__ns__.json', //定义语言文件路径
        useLocalStorage: true, //是否使用localstrong， resStore:参数未定义的情况下有效
        ns: { namespaces: ['translation'], defaultNs: 'translation'},//命名空间
        languages: ['zh-CN', 'en'],//指定语言
        // resStore:{},//语言字典对象默认值undefined,设置后会默认加载这个对象中的数据
        // useCookie: true,//是否使用cookie,默认true
        // cookieName: 'i18next',//设置cookie的name,默认为i18next
        // selectorAttr: 'data-i18n',//HTML标签上的属性，可以自行定义，默认data-i18n
    }, function (err,t) {
        $('#tableList').html(myTemplate(data));
        $('[data-i18n]').i18n();
        var resCN;
        try {
            resCN = JSON.parse(localStorage.getItem('res_zh-CN'));
        } catch (error) {
            console.log(error)
        }
        console.log(i18n.t(resCN.translation.title))
    });
    

    var selected = $("#language");
    defaults = i18n.lng(); //获取当前cookie中设置的语言
    selected.find('option[value=' + defaults + ']').prop('selected', true);
   
    selected.on('change', function (event) {
        var $this = $(event.currentTarget)
        var lng = $this.find('option:selected').val();
        i18n.setLng(lng, function () {
            $('[data-i18n]').i18n();
            // console.log($.t('title'))
            $('#tableList').html(myTemplate(data));
        });
        $("#selectLang").html('<i data-i18n="title"></i>');
        $('[data-i18n]').i18n();
    });



});
